/*===================== 重置样式 START =====================*/ @charset "utf-8"; html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0; padding:0;} h1,h2,h3,h4,h5,h6{font-weight: 300;} li{list-style: none;} a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} a:hover, .tran, .news_three_list .news_box li, .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .upp{text-transform:uppercase;} .middle_box{display: table;width: 100%;height: 100%;} .middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;} .tac{text-align: center;font-size:0;} .img{overflow: hidden;position: relative;} .product_three_list .item:hover img, .product_two_list .item:hover img, .product_one_list .item:hover img, #top_scroll ul li:hover img, .news_two_list .news_box li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);} img{ border: 0;vertical-align: middle;max-width:100%;display: block;} /*table{ border-collapse: collapse; border-spacing: 0;}*/ input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;} input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; } html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;} html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#054691;} textarea{resize:none;overflow: auto;} input{padding-top:0;padding-bottom:0;}; select,input{vertical-align:middle; } select,input,textarea{font-size:14px;margin:0;} .clear{zoom:1;} .clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;} .clear::before, .clear::after { content: "";display: table; } .clear::after{clear: both;} .fl{float: left;} .fr{float: right;} html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;} body{font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;word-break: break-all;word-wrap: break-word;text-align: justify;} .error3{display: none !important;} html,body{max-width:1920px;margin:0 auto;} .inner, .news_one_list .news_box li a{width:1300px;margin:0 auto;} /*===================== 重置样式 END =====================*/ /*===================== 公用样式 START =====================*/ .header{background: rgba(0, 69, 153, 1); width: 100%; z-index: 99; top: 0;} .header .inner{height:125px;position: relative;width:96%;margin:0 auto;} .header .logo img{margin-top:34px;} .header .nav{float: left;margin-left:8%;width:54%;} .header .nav ul li{float: left;height:125px;line-height:125px;text-align: center;position: relative;} .header .nav ul li a{color:#fff;position: relative;z-index:1;font-size:16px;padding:0 18px;} .header .nav ul li i{position: absolute;width:100%;height:0;background-color:#054691;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .header .nav ul li a:hover i, .header .nav ul li a.active i{height:100%;} .header .nav ul li a:hover, .header .nav ul li a.active{color:#fff;} .header .nav ul li .son_nav{display: none;position: absolute;top:125px;left:0;width:100%;z-index:99999999;background-color:#fff;} .header .nav ul li .son_nav a{height:40px;line-height:40px;font-size:14px;} .header .nav ul li:hover .son_nav{display: block;} .header .call{margin-top:30px;background:url(../images/call.png) left center no-repeat;padding-left:76px;} .header .call p{font-size:18px;color:#fff;padding:2px 0 4px 0;} .header .call h3{font-size:32px;color:#fff;font-family: impact;} .header .product_son{display: none;position: absolute;text-align: center;font-size:0;left:0;top:125px;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;} .header .product_son .item{display: inline-block;width:19%;margin:0 0.5%;text-align: center;vertical-align: top;} .header .product_son .item strong{display: block;font-size:16px;color:#fff;height:40px;line-height:40px;font-weight:100;} .header .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .banner_box{position: relative;padding-bottom:20px;} .banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px;} .swiper-pagination{display: none;} .swiper-pagination-bullet-active{background-color:#054691 !important;border-color:#054691 !important;} .banner_box .box{width:1192px;height:87px;padding-top:40px;font-size:0;text-align: center;position: absolute;left:50%;bottom:0;margin-left:-596px;box-shadow:0 0 20px #797373;z-index:10;background:rgba(255,255,255,0.95);} .banner_box .item{display: inline-block;width:25%;border-right:1px solid #ccc;box-sizing:border-box;-moz-box-sizing: border-box;} .banner_box .item .bg{display: inline-block;height:58px;padding-left:64px;text-align: left;} .banner_box .item strong{display: block;font-weight:300;font-size:20px;color:#818181;line-height:30px;} .banner_box .item span{display: block;font-size:14px;color:#818181;line-height:30px;} .pub_button{position: relative;z-index:1;} .pub_button .pimg{position: relative; padding-bottom: 75%;} .pub_button .pimg img{width: 100%; height: 100%; position: absolute;} .pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(5,70,145,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;} .pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .footer{overflow: hidden;background:url(../images/footer_bg.jpg) repeat-y;padding:40px 0;} .footer .border{height:330px;border-right:1px solid rgba(255,255,255,0.1);} .footer .logo{padding:0px 60px 0;} .footer .logo img{margin-top:50px;} .footer .two, .footer .three, .footer .four{padding:0 35px;} .footer .two a{/* text-align: center; */} .footer .two a, .footer .three a{color:#fff;font-size:16px;line-height:40px;} .footer .two a:hover, .footer .three a:hover{color:#df0024;} .footer .title{color:#fff;margin-bottom:15px;} .footer .title strong{font-weight:100;font-size:12px;color:#fff;position: relative;display: inline-block;vertical-align: bottom;z-index:1;padding-left:10px;} /* .footer .title strong::after{content:'';position: absolute;width:54px;height:6px;background-color: #df0024;bottom:3px;left:20px;z-index:-1;} */ .footer .title em{font-weight:bold;font-size:18px;color:#fff;display: inline-block;vertical-align: middle;font-style:normal;} .footer h2{font-weight:bold;font-size:22px;color:#fff;margin-bottom:15px;} .footer .text{color:#fff;font-size:16px;line-height:30px;} .footer .ewm{text-align: center;width:140px; margin: 0 20px;} .footer .ewm img{margin:0 auto;} .footer .ewm p{font-size:14px;margin-top:10px;color:#fff;} .copyright{height:60px;line-height:60px;color:#fff;background-color: #1a71da;font-size:14px;text-align: center;} .copyright img{display: inline-block;margin:0 10px 4px;} .copyright a{display: inline-block;margin:0 10px;color:#fff;} .pub_title{text-align: center;padding:50px 0;} .pub_title .bg{padding-top:40px;background:url(../images/title1.png) center top no-repeat;font-size:50px;color:#000;font-weight:bold;} .pub_title .bg span{color: #ef1d00;} .pub_title .line{width:70px;height:4px;background-color: #054691;margin:14px auto 0;} /*===================== 公用样式 END =====================*/ /*===================== 首页 START =====================*/ .section_one .tac a{display: inline-block;font-size:16px;width:220px;height:62px;line-height:62px;color:#fff;background-color: #054691;margin:0 5px;} .section_one .tac .pb_bg{background-color:#df0024;} #top_scroll {height:1140px;overflow: hidden;width:90%;margin:50px auto 0;} #top_scroll ul li{float: left;width:24%;margin:0.5%;text-align: center;} #top_scroll ul li .info{height:78px;line-height:78px;padding:0 15px;} #top_scroll ul li strong{float: left;font-weight:400;color:#000;margin-top:20px;font-size:16px;width:180px;height:36px;line-height:36px;border-radius:80px;border:1px solid #2f8ffc;padding:0 10px;text-align: center;} #top_scroll ul li span{float: right;font-weight:bold;color:#000;font-size:16px;} #top_scroll ul li:hover .info{background-color: #2f8ffc;} #top_scroll ul li:hover .info strong{border-color:#fff;color:#fff;} #top_scroll ul li:hover .info span{color:#fff;} .section_two{padding-top:50px;} .section_two .one{height:882px;background:url(../images/bg1.jpg) center top no-repeat;} .section_two .one .bg{color:#fff;} .section_two .one .line{background-color: #2f8ffc;} .section_two .box{width:1660px;margin:0 auto;height:552px;background-color: #fff;box-shadow:0 0 20px #ccc;} .section_two .pad{padding:56px 100px;} .section_two .info{width:900px;} .section_two .info h1{font-size:30;color:#054691;font-weight:bold;line-height:27px;} .section_two .info h1 i{display: inline-block;vertical-align: middle;width:22px;height:27px;background:url(../images/b2.png);margin-right:6px;} .section_two .text{font-size:16px;line-height:54px;color:#252525;margin:20px 0;} .section_two .call{width:540px;height:44px;margin:40px auto 0;line-height:44px;border:1px solid #252525;position: relative;border-radius:70px;} .section_two .call i{display: inline-block;margin:-4px 10px 0 30px;width:44px;height:34px;background:url(../images/call.png) center/100% no-repeat;vertical-align: middle;} .section_two .call span{font-size:26px;color:#df0024;font-family: impact;display: inline-block;vertical-align: top;} .section_two .call .more{border-radius:70px;height:46px;text-align: center;background-color: #df0024;line-height:46px;font-size;16px;color:#fff;width:170px;position: absolute;right:-2px;top:-1px;} .section_two .two{height:700px;background:url(../images/bg2.jpg) center top no-repeat;} .section_two .two .pub_title{padding-top:0;} .section_two .muma{position: relative;width:1200px;margin:0px auto 0;} .section_two .sc666.swiper-container {padding-bottom:30px;} .section_two .ss666.swiper-slide{background-position: center;background-size: cover;width:600px;height:450px;border-radius:8px;border:5px solid #fff;} .product_img{ position: relative; padding-bottom: 85%;} .product_img img{ position: absolute; height: 100%; width: 100%;} .w1300{ width: 1300px; margin: 0 auto;} .syys1{background:url(../images/ys.jpg); height:757px;} .syys1 .syimg{display: block; margin: 20px auto; padding: 50px 0;} .syys1 ul li{background: #fff; width: 22.22222222%; text-align: center; margin-right: 1%; padding: 30px 40px; box-sizing: border-box; float: left; } .syys1 ul li img{display: block; margin: 0 auto;} .syys1 ul li strong{font-size: 36px; color: #000;} .syys1 ul li em{display: block; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 30px;} .syys1 ul li p{color: #000; line-height: 200%; margin-bottom: 20px; height: 120px; overflow: hidden; } .syys { background: url(../images/ysbj.jpg) top center no-repeat; height: 862px; } .syys h4 { text-align: center; padding: 50px 0 30px 0; } .syys h4 img{display: initial;} .syys .syys_con { position: relative; } .syys .syys_con .ys_pic { position: absolute; width: 560px; left: 0; right: 0; top: 0px; margin: auto; } .syys .syys_con ul { position: relative; } .syys .syys_con ul li { position: absolute; } .syys .syys_con ul li span { font-size: 34px; color: #fff; background: url(../images/ysbj1.png) right bottom no-repeat; display: block; padding-bottom: 20px; text-align: right; padding-right: 30px; } .syys .syys_con ul li span img { padding: 0 10px; vertical-align: middle; display: initial;} .syys .syys_con ul li p { font-size: 16px; color: #fff; text-align: right; padding-right: 30px; } .syys .syys_con ul li:nth-of-type(1) { text-align: right; width: 370px; top: 30px; left: 0px; } .syys .syys_con ul li:nth-of-type(2) { text-align: left; width: 345px; right: 30px; top: 30px; } .syys .syys_con ul li:nth-of-type(2) span { background: url(../images/ysbj2.png) right bottom no-repeat; text-align: left; padding-left: 30px; } .syys .syys_con ul li:nth-of-type(2) p { text-align: left; padding-left: 30px; } .syys .syys_con ul li:nth-of-type(3) { text-align: right; width: 385px; top: 330px; left: -40px; } .syys .syys_con ul li:nth-of-type(4) { text-align: left; width: 385px; right: 30px; top: 330px; } .syys .syys_con ul li:nth-of-type(4) span { background: url(../images/ysbj2.png) right bottom no-repeat; text-align: left; padding-left: 60px; } .syys .syys_con ul li:nth-of-type(4) p { text-align: left; padding-left: 60px; } .section_four{margin-top:50px;height:246px;background:url(../images/bg3.jpg) center top no-repeat;} .section_four .auto{width:1550px;margin:0 auto;} .section_four img{margin-top:50px;} .section_four span{display: block;font-size:22px;color:#fff;margin-top:40px;} .section_four strong{display: block;font-size:45px;color:#fff;margin:10px 0;font-family: impact;} .section_four .more{width:210px;height:46px;border:1px solid #fff;text-align: center;line-height:46px;color:#fff;} .section_five{background-color: #f5f5f5; padding-top: 40px;} .tabbox {width:1200px;margin:0px auto 0;} .tabbox .content {width:508px;overflow: hidden;position: relative;/* height:544px; */ background: #fff;transition: 0.5s;} .tabbox .content .n_img{ position: relative; padding-bottom: 65%;} .tabbox .content .n_img img{ position: absolute; height: 100%; width: 100%;} .tabbox .content .n_txt{ padding: 0 16px;} .tabbox .content .n_txt h3{ font-weight: 500 ; line-height: 50px;transition: 0.5s;} .tabbox .content .n_txt p{ line-height: 34px;padding-bottom: 10px;transition: 0.5s;} .tabbox .content ul {position:absolute;left: 0;top: 0;height: 100%;} .tabbox .content li{width:508px;float: left;} .tabbox .content li img{display: block;width:508px;height:458px;} .tabbox .content:hover{ background: #2f8ffc;} .tabbox .content:hover .n_txt h3{color: #fff;} .tabbox .content:hover .n_txt p{color: #fff;} .tabbox .tab {width:670px;} .tabbox .tab .item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #ccc;} .tabbox .tab .item a{display: block;height:100%;} .tabbox .tab .date{width:118px;height:90px;text-align: center;color:#333;font-size:36px;background-color: #fff;padding-top:28px;} .tabbox .tab .date span{font-size:16px;display: block;} .tabbox .tab .info{width:500px;padding:0 15px;} .tabbox .tab .info strong{display: block;font-size:20px;color:#333;font-weight:300;line-height:50px;} .tabbox .tab .info p{font-size:16px;color:#636363;line-height:34px;height:68px;overflow: hidden;} .tabbox .tab .item:hover .date{background-color: #2f8ffc;color:#fff;} .tabbox .tab .item:hover .info{background-color: #2f8ffc;} .tabbox .tab .item:hover .info strong, .tabbox .tab .item:hover .info p{color:#fff;} /*===================== 首页 END =====================*/ /* ======================================== 内页 START ======================================== */ /* ===================== 公用 ===================== */ .inner_content{padding:30px 0;} .article_content{font-size:16px;line-height:26px;color:#333;} .article_content .article{overflow: hidden;padding:20px 20px 40px;} .article_content img, .article_content a{display: inline-block;} .article_content p{margin-bottom:10px;} .pagenum{border-top:1px solid #f2f2f2;text-align: center;font-size:0;height:50px;line-height:50px;} .pagenum a{display: inline-block;width:44%;color:#666;font-size:15px;overflow: hidden;padding:0 3%;} .pagenum span{font-size:15px;color:#666;} .pagenum a:hover{text-decoration:underline;} .inner_banner{height:400px;position: relative;overflow:hidden;background: url(../images/nb.jpg) top center no-repeat;background-attachment: fixed; background-size: cover;} .inner_banner .ib_box{position: absolute;bottom:0;opacity:0;filter:alpha(opacity=0)/* ;width:500px */;padding:30px 0 20px;/* background-color:rgba(255,255,255,0.75); */border-radius:6px;left:50%;margin-left:-250px;text-align: center;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;} .inner_banner .ib_box h3{font-size:40px;color:#fff;height:40px;line-height:36px; font-weight: bold;} .inner_banner .ib_box h3 i{display: inline-block;width:40px;height:1px;vertical-align: middle;background-color:#fff;margin:0 20px;} .inner_banner .ib_box p{font-size:30px;color:#fff;line-height:40px;opacity:0.5;} .inner_banner.on .ib_box{bottom:50%;margin-bottom:-20px;opacity:1;filter:alpha(opacity=100);} .position_now{font-size:14px;background-color: #f1f1f1;} .position_now .auto{height:80px;} .position_now a{display: inline-block;color:#707070;} .position_now .fl a:hover{color:#054691;} .position_now .fl{color: #707070;line-height:80px;} .position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;} .position_now .fr{font-family: impact;color:#054691;font-size:0;} .position_now .fr img{height:26px;float: left;margin:28px 10px 0 0;} .position_now .fr strong{font-weight:100;font-size:22px;display: block;float: left;line-height:80px;} .position_now .fr a{display: inline-block;width:100px;padding:0 5px;height:80px;color:#333;font-size:16px;text-align: center;line-height:80px;overflow: hidden;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .position_now .fr a i{width:100%;height:0%;background-color:#054691;position: absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s height;-o-transition:.5s height;-ms-transition:.5s height;-moz-transition:.5s height;transition:.5s height;} .position_now .fr a:hover i, .position_now .fr a.active i{height:100%;} .position_now .fr a:hover, .position_now .fr a.active{color:#fff;} .page_list{text-align: center;} .page_list b{font-size:0;} .page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align: center;} .page_list b font, .page_list b a:hover{background-color:#054691;color:#fff;border-color:#054691;} .page_list_span1, .page_list_span2{display: none;} .firstRow img {display: inline-block;} /* ===================== 公用 ===================== */ /* ===================== 产品页 左侧 导航 ===================== */ .left_side_nav{width:260px;} .left_side_nav .box_one, .left_side_nav .box_two{background-color:#054691;padding:10px 10px;} .left_side_nav .box_one .title{text-align: center;margin-bottom:20px;} .left_side_nav .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;} .left_side_nav .box_one .title p{color:#fff;font-size:16px;} .left_side_nav .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;} .left_side_nav .box_one ul li a{color:#333;padding-left:20px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .left_side_nav .box_one ul li a:hover, .left_side_nav .box_one ul li a.active{color:#fff;} .left_side_nav .box_one ul li a i{background-color:rgba(5,70,145,0.5);} .left_side_nav .box_one ul li .son_nav{border-top:1px solid #054691;} .left_side_nav .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;padding-left:40px;position: relative;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .left_side_nav .box_one ul li .son_nav a::after{content:'';position: absolute;left:20px;top:20px;width:8px;height:1px;background-color:#054691;transition:0.5s;-webkit-transition:0.5s;} .left_side_nav .box_one ul li .son_nav a:hover::after, .left_side_nav .box_one ul li .son_nav a.active::after{background-color: #fff;} .left_side_nav .box_two{margin-top:10px;padding:20px 10px;} .left_side_nav .box_two p{font-size:16px;color:#fff;line-height:30px;} .left_side_nav .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;} .left_side_nav .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;} .left_side_nav .box_two .more i{background-color:rgba(5,70,145,0.5);} .left_side_nav .box_two .more:hover{color:#fff;} .right_side_content.fr{width:1020px;} /* ===================== 产品页 左侧 导航 ===================== */ /* ===================== 产品 列表页 ===================== */ .list_none{display: none;} #showdata{display:block;} #showdata .item{float: left;width:32.33%;margin:0 0.5% 20px;margin-bottom:20px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} #showdata .item img{margin:0 auto;} .product_one_list .line{position: absolute;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .product_one_list .l1{left:0;top:0;width:0;height:2px;background-color:#054691;} .product_one_list .l2{right:0;top:0;width:2px;height:0;background-color:#054691;} .product_one_list .l3{right:0;bottom:0;width:0;height:2px;background-color:#054691;} .product_one_list .l4{left:0;bottom:0;width:2px;height:0;background-color:#054691;} .product_one_list .item:hover .l1, .product_one_list .item:hover .l3{width:100%;} .product_one_list .item:hover .l2, .product_one_list .item:hover .l4{height:100%;} .product_one_list .item strong, .product_two_list .item strong{text-transform:uppercase;font-weight:100;position: relative;z-index:1;font-size:16px;line-height:40px;height:40px;display:block; text-align: center;color:#333;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .product_one_list .item strong i, .product_two_list .item strong i{position: absolute;left:0;bottom:0;width:100%;height:0;background-color:#054691;z-index:-1;-webkit-transition: .5s height;-o-transition: .5s height;-ms-transition: .5s height;-moz-transition: .5s height;transition: .5s height;} .product_one_list .item:hover i, .product_two_list .item:hover i{height:100%;} .product_one_list .item:hover strong, .product_two_list .item:hover strong{color:#fff;} .product_two_list .item .shadow_box{background:rgba(5,70,145,0.3) url(../../images/jia.png) center center/8% no-repeat;width:100%;height:100%;position: absolute;left:0;top:-100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .product_two_list .item:hover .shadow_box{top:0;} .product_three_list .item{border-radius:6px;padding-bottom:10px;background-color: #f9f9f9;} .product_three_list .item strong{text-transform:uppercase;display: block;font-weight:100;text-align: left;font-size:16px;padding:20px;} .product_three_list .item:hover strong{color:#054691;} .product_three_list .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#054691;margin-right:20px;;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .product_three_list .item:hover em{width:30px;} .product_three_list .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;} /* ===================== 产品 列表页 ===================== */ /* ===================== 产品 详情页 ===================== */ .product_article .img1{display: none;} .product_article .title{overflow: hidden;padding:10px 0 0px;} .product_article .title h1{text-align: center;font-size:22px;color:#333;} .product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;} .product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;} .product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;} .product_article .title .share span{display: inline-block;vertical-align: top;} .product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;} .lianxi{ width: 264px; height: 38px; background: #054691; line-height: 38px; text-align: center; margin-top: 14px;} .lianxi a{color: #fff;} .img_big_box{width:55%;float: left;} .img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position: relative;} .img_big_box .img_box img{max-width:99%;max-height:94%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;} .img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;} .img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;} .img_big_box .small_box img.active{border-color:#054691;} .info_big_box{width:42%;float: right;height:400px;} .info_big_box h1{color:#333;line-height:36px;font-weight: bold;font-size:26px;margin-bottom:20px;} .info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;font-size:12px;} .info_big_box .info_3 span img{display: inline-block;height:26px;margin-bottom:3px;margin-right:18px;} .info_big_box .info_1{text-align: left;} .info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;margin-bottom:4px;} .info_big_box .info_1 .dh img{float: left;width:26px;margin-top:7px;} .info_big_box .info_1 .dh span{float: right;width:92%;font-size:15px;color:#555;letter-spacing:0px;} .info_big_box .info_1 .dh.num span{font-family:impact;font-size:26px;letter-spacing:2px;} .news_article .bshare-custom.icon-medium{text-align: center;margin:0;padding-bottom:10px;border-bottom:1px solid #f2f2f2;} .bshare-custom.icon-medium{margin-top:20px;} .bshare-custom.icon-medium span{display: inline-block;vertical-align: middle;font-size:14px;color:#999;} .bshare-custom a{margin-right:10px !important;opacity:0.6 !important;-webkit-transition: 0s;-o-transition: 0s;-ms-transition: 0s;-moz-transition: 0s;transition: 0s;} .bshare-custom a:hover{opacity:1 !important;} .bshare-custom .bshare-qqim{background:url(../../images/qq.png) center/80% no-repeat !important;} .bshare-custom .bshare-weixin{background:url(../../images/wechat.png) center/90% no-repeat !important;} .bshare-custom .bshare-itieba{background:url(../../images/bdtb.png) center/90% no-repeat !important;} .bshare-custom .bshare-sinaminiblog{background:url(../../images/weibo.png) center/120% no-repeat !important;} .bshare-custom .bshare-more{background:url(../../images/more.png) center/90% no-repeat !important;} .fy{ border-top: solid 1px #cdcdcd;} #none{overflow: hidden;} .xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;} .xgcp_title h3{color:#054691;border-left:2px solid #054691;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;} .xgcp_ul li{float: left;text-align: center;width:23%;margin:1%;} .xgcp_ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;} .xgcp_ul li:hover strong{color:#fff;} .xgcp_ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} /* ===================== 产品 详情页 ===================== */ /* ===================== 新闻页面 ===================== */ /* 新闻样式 1 */ .news_one_list .inner{width:100% !important;} .news_one_list .news_box li{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_one_list .news_box li .pub_button{padding:20px;} .news_one_list .news_box li .time{font-size:14px;font-family:"SimHei";margin-top:20px;} .news_one_list .news_box li .img{width:29%;float: left;margin-right:20px;} .news_one_list .news_box li .info{width:60%;float: left;} .news_one_list .news_box li .info strong{display: block;font-weight:100;height:40px;line-height:40px;margin:50px 0 30px;font-size:20px;color:#333;} .news_one_list .news_box li .info p{font-size:16px;color:#555;line-height:30px;} .news_one_list .news_box li .info em{font-style:normal;display: block;margin-top:30px;color:#777;padding-right:20px;font-family: "SimHei";} .news_one_list .news_box li:nth-of-type(2n){background-color:#f9f9f9;} .news_one_list .news_box li a{margin:0 auto;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_one_list .news_box li:hover strong, .news_one_list .news_box li:hover p, .news_one_list .news_box li:hover em, .news_one_list .news_box li:hover .time{color:#fff;} .news_one_list .news_box li:hover a{transform:translateX(20px);-webkit-transform:translateX(20px);} .news_two_list .news_box li{float: left;width:32.33%;margin:0 0.5% 20px;border-radius:4px;overflow: hidden;} .news_two_list .news_box li .pb_bg, .news_three_list .news_box li .pb_bg{background:none;} .news_two_list .news_box .info{border:1px solid #f1f1f1;padding:0 15px 30px;border-top:none;position: relative;overflow: hidden;} .news_two_list .news_box .wot{display: block;font-weight:100;font-size:18px;color:#333;height:50px;line-height:50px;} .news_two_list .news_box li p{font-size:15px;line-height:24px;color:#888;height:48px;overflow: hidden;} .news_two_list .news_box li .time{font-size:14px;font-family:"SimHei";color:#054691;opacity:0.5;position: absolute;bottom:-30px;right:15px;} .news_two_list .news_box li:hover strong{color:#054691;} .news_two_list .news_box li:hover .time{bottom:5px;} .news_three_list .news_box li{float: left;width:31.33%;margin:0 1% 30px;position: relative;box-shadow: 0 0 10px #f1f1f1;} .news_three_list .news_box li:after{content:'';position: absolute;top:0;left:0;background-color:#054691;width:0;height:3px;transition:0.5s;-webkit-transition:0.5s;} .news_three_list .news_box li .img{display: none;} .news_three_list .news_box li a{padding:28px;} .news_three_list .news_box li strong{display: block;font-size: 20px;line-height: 36px;height: 72px;overflow: hidden;color: #303030;} .news_three_list .news_box li p{font-size: 14px;line-height: 24px;color: #999;height: 72px;overflow: hidden;margin: 10px 0 24px;} .news_three_list .news_box li .time{color: #999;font-size: 12px;} .news_three_list .news_box li:hover{box-shadow: 0 0 30px #ddd;} .news_three_list .news_box li:hover:after{width:100%;} .news_three_list .news_box li:hover strong{color:#054691;} .news_article h1.title{font-size:22px;text-align: center;font-weight:bold;} .news_article .time{display: block;text-align: center;padding:20px 0 20px;color:#777;} .news_article .time img{display: inline-block;height:20px;margin:-3px 10px 0 0;} .news_share{text-align: center;height:24px;line-height:24px;border-bottom: 1px solid #D2D2D2;padding-bottom:10px;} .news_share span{display: inline-block;vertical-align: top;} .news_share .bdsharebuttonbox{display: inline-block !important;vertical-align: top;} .news_article .article_content p{margin-bottom:14px;} /* ===================== 新闻页面 ===================== */ /* ===================== 全局搜索框 ===================== */ .form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;} .form_box .sf{margin:0 auto;text-align: center;font-size:0;} .form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;} .form_box .an{vertical-align: bottom;} .form_box .an:hover{border-color:#054691;} .form_box .inp{height:38px;vertical-align: bottom;} .form_box .submit{width:80px;cursor:pointer;} /* ===================== 全局搜索框 ===================== */ /* ===================== 在线留言 ===================== */ .form_box_box{padding:60px 0;box-shadow: 0px 0px 100px rgba(76, 76, 76, 0.1);} ul.fs{width:1000px;margin:0 auto;} ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;} ul.fs .box1 li{float: left;width:320px;margin-right:20px;} ul.fs .box1 li:nth-of-type(3){margin:0;} ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;} ul.fs li input:hover{border-color:#054691;} ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;} ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;} ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;} ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;} ul.fs li.textarea textarea:hover{border-color:#054691;} ul.fs li.radio{text-align: center;} ul.fs li.radio label{margin:0 10px;} ul.fs li.yzm{text-align: center;margin:20px 0;} ul.fs li.yzm img{display: inline-block;height:20px;} ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;} ul.fs li.yzm input:hover{border-color:#054691;} ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#054691;font-size:16px;color:#fff;} /* ===================== 在线留言 ===================== */ /* ===================== 联系我们 地图 ===================== */ #allmap{height:500px;margin-top:30px;border:1px solid #ccc;} #allmap img{max-width:none !important;} #allmap p{margin-bottom:0;} /* ===================== 联系我们 地图 ===================== */ /* ===================== 回到顶部 ===================== */ .go_top{display: none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#054691;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;} /* ===================== 回到顶部 ===================== */ /* ======================================== 内页 START ======================================== */ /*===================== 响应式代码 START =====================*/ @media( max-width:1680px ){ .section_two .box, .section_four .auto{width:1300px;} .section_two .box .pad{padding:56px 50px;} .section_two .info{width:660px;} .section_two .text{line-height:42px;} .section_four img{margin-top:70px;width:970px;} .header .nav{width:50%;margin-left:6%;} .header .nav ul li a{padding:0 10px;font-size:15px;} } @media( max-width:1500px ){ .header .call{display: none;} .header .nav{float: right !important;width:auto;margin:0;} } @media( max-width:1400px ){ .inner, .news_one_list .news_box li a, .section_two .box, .section_four .auto{width:1200px;} .right_side_content.fr{width:936px;} .footer .two, .footer .three, .footer .four{padding:0 20px;} .muma .swiper-button-next{right:0 !important;} .muma .swiper-button-prev{left:0 !important;} .section_two .info{width:560px;} .section_two .text{line-height:38px;} #top_scroll{width:100%;} #top_scroll ul li strong{width:160px;} } /*===================== 响应式代码 END =====================*/